<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="|${#request.getContextPath()}/resources/|"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>商品列表页</title>
    <link rel="stylesheet" href="css/base.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_common.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_header.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_list.css" type="text/css" />
    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/topNav.js" ></script>
    <script type="text/javascript" src="js/shop_list.js" ></script>
    <script type="text/javascript" src="js/shop_goods.js" ></script>
    <script type="text/javascript" src="js/shopcart.js"></script>

    <script type="text/javascript" src="js/login.js" ></script>
</head>
<body>
<!-- Header  -wll-2013/03/24 -->
<div class="shop_hd">
    <!-- Header TopNav -->
    <div class="shop_hd_topNav">
        <div class="shop_hd_topNav_all">
            <!-- Header TopNav Left -->
            <div class="shop_hd_topNav_all_left">
                <p id="pid"></p>
            </div>
            <!-- Header TopNav Left End -->

            <!-- Header TopNav Right -->
            <div class="shop_hd_topNav_all_right">
                <ul class="topNav_quick_menu">

                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">我的商城<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;" >
                                <ul>
                                    <li><a title="已买到的商品" target="_top" href="#">已买到的商品</a></li>
                                    <li><a title="个人主页" target="_top" href="#">个人主页</a></li>
                                    <li><a title="我的订单" target="_top" href="http://localhost:16666/order/list">我的订单</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">卖家中心<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;">
                                <ul>
                                    <li><a title="已售出的商品" target="_top" href="#">已售出的商品</a></li>
                                    <li><a title="销售中的商品" target="_top" href="#">销售中的商品</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                    <li>
                        <!-- TODO 购物车展示列表 -->
                        <div class="topNav_menu">
                            <a href="http://localhost:16666/cart/showlist" class="topNavHover">购物车<b id="cartnumberid">0</b>种商品<i></i></a>
                            <div id="cartid" class="topNav_menu_bd" style="display:none;width: 300px; height: 400px">

                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">我的收藏<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;">
                                <ul>
                                    <li><a title="收藏的商品" target="_top" href="#">收藏的商品</a></li>
                                    <li><a title="收藏的店铺" target="_top" href="#">收藏的店铺</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="topNav_menu">
                            <a href="#">站内消息</a>
                        </div>
                    </li>

                </ul>
            </div>
            <!-- Header TopNav Right End -->
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Header TopNav End -->

    <!-- TopHeader Center -->
    <div class="shop_hd_header">
        <div class="shop_hd_header_logo"><h1 class="logo"><a href="/"><img src="images/logo.png" alt="ShopCZ" /></a><span>ShopCZ</span></h1></div>
        <div class="shop_hd_header_search">
            <ul class="shop_hd_header_search_tab">
                <li id="search" class="current">商品</li>
                <li id="shop_search">店铺</li>
            </ul>
            <div class="clear"></div>
            <div class="search_form">
                <form method="post" action="http://localhost:16666/search/keyword">
                    <div class="search_formstyle">
                        <input type="text" class="search_form_text" name="keyword" placeholder="搜索其实很简单！" />
                        <input type="submit" class="search_form_sub" name="secrch_submit" value="" title="搜索" />
                    </div>
                </form>
            </div>
            <div class="clear"></div>
            <div class="search_tag">
                <a >李宁</a>
                <a >耐克</a>
                <a >Kappa</a>
                <a >双肩包</a>
                <a >手提包</a>
            </div>

        </div>
    </div>
    <div class="clear"></div>
    <!-- TopHeader Center End -->

    <!-- Header Menu -->
    <div class="shop_hd_menu">
        <!-- 所有商品菜单 -->

        <div id="shop_hd_menu_all_category" class="shop_hd_menu_all_category"><!-- 首页去掉 id="shop_hd_menu_all_category" 加上clsss shop_hd_menu_hover -->
            <div class="shop_hd_menu_all_category_title"><h2 title="所有商品分类"><a href="javascript:void(0);">所有商品分类</a></h2><i></i></div>
            <div id="shop_hd_menu_all_category_hd" class="shop_hd_menu_all_category_hd">
                <ul class="shop_hd_menu_all_category_hd_menu clearfix">
                    <!-- 单个菜单项 -->
                    <li id="cat_1" class="">
                        <h3><a  title="男女服装">男女服装</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="女装" >女装</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="男装" >男装</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <!-- 单个菜单项 End -->
                    <li id="cat_2" class="">
                        <h3><a  title="鞋包配饰">鞋包配饰</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="鞋子" >鞋子</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="包包" >包包</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_3" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_4" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_5" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_6" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li id="cat_7" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li id="cat_8" class="">
                        <h3><a  title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容" >美容</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆" >美妆</a></dt>
                                <dd>
                                    <a >风衣</a>
                                    <a >长袖连衣裙</a>
                                    <a >毛呢连衣裙</a>
                                    <a >半身裙</a>
                                    <a >小脚裤</a>
                                    <a >加绒打底裤</a>
                                    <a >牛仔裤</a>
                                    <a >打底衫</a>
                                    <a >情侣装</a>
                                    <a >棉衣</a>
                                    <a >毛呢大衣</a>
                                    <a >毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="more"><a >查看更多分类</a></li>
                </ul>
            </div>
        </div>
        <!-- 所有商品菜单 END -->

        <!-- 普通导航菜单 -->
        <ul class="shop_hd_menu_nav">
            <li class="current_link"><a ><span>首页</span></a></li>
            <li class="link"><a ><span>团购</span></a></li>
            <li class="link"><a ><span>品牌</span></a></li>
            <li class="link"><a ><span>优惠卷</span></a></li>
            <li class="link"><a ><span>积分中心</span></a></li>
            <li class="link"><a ><span>运动专场</span></a></li>
            <li class="link"><a ><span>微商城</span></a></li>
        </ul>
        <!-- 普通导航菜单 End -->
    </div>
    <!-- Header Menu End -->

</div>
<div class="clear"></div>
<!-- 面包屑 注意首页没有 -->
<div class="shop_hd_breadcrumb">
    <strong>当前位置：</strong>
    <span>
			<a >首页</a>&nbsp;›&nbsp;
			<a >商品分类</a>&nbsp;›&nbsp;
			<a >男装女装</a>&nbsp;›&nbsp;
			<a >男装</a>
		</span>
</div>
<div class="clear"></div>
<!-- 面包屑 End -->

<!-- Header End -->


<!-- List Body 2013/03/27 -->
<div class="shop_bd clearfix">
    <div class="shop_bd_list_left clearfix">
        <!-- 左边商品分类 -->
        <div class="shop_bd_list_bk clearfix">
            <div class="title">商品分类</div>
            <div class="contents clearfix">
                <dl class="shop_bd_list_type_links clearfix">
                    <dt><strong>女装</strong></dt>
                    <dd>
                        <span><a >风衣</a></span>
                        <span><a >长袖连衣裙</a></span>
                        <span><a >毛呢连衣裙</a></span>
                        <span><a >半身裙</a></span>
                        <span><a >小脚裤</a></span>
                        <span><a >加绒打底裤</a></span>
                        <span><a >牛仔裤</a></span>
                        <span><a >打底衫</a></span>
                        <span><a >情侣装</a></span>
                        <span><a >棉衣</a></span>
                        <span><a >毛呢大衣</a></span>
                        <span><a >毛呢短裤</a></span>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 左边商品分类 End -->

        <!-- 热卖推荐商品 -->
        <div class="shop_bd_list_bk clearfix">
            <div class="title">热卖推荐商品</div>
            <div class="contents clearfix">
                <ul class="clearfix">

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <!-- 热卖推荐商品 -->
        <div class="clear"></div>

        <!-- 浏览过的商品 -->
        <div class="shop_bd_list_bk clearfix">
            <div class="title">浏览过的商品</div>
            <div class="contents clearfix">
                <ul class="clearfix">

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                    <li class="clearfix">
                        <div class="goods_name"><a >Gap经典弹力纯色长袖T恤|000891347|原价149元</a></div>
                        <div class="goods_pic"><span class="goods_price">¥ 279.00 </span><a ><img src="images/89a6d6466b00ae32d3c826b9ec639084.jpg_small.jpg" /></a></div>
                        <div class="goods_xiaoliang">
                            <span class="goods_xiaoliang_link"><a >去看看</a></span>
                            <span class="goods_xiaoliang_nums">已销售<strong>99</strong>笔</span>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <!-- 浏览过的商品 -->

    </div>

    <div class="shop_bd_list_right clearfix">
        <!-- 条件筛选框 -->
        <div class="module_filter">
            <div class="module_filter_line">
                <dl>
                    <dt>尺码：</dt>
                    <dd>
                        <span><a >XXS</a></span>
                        <span><a >XS</a></span>
                        <span><a >S</a></span>
                        <span><a >M</a></span>
                        <span><a >L</a></span>
                        <span><a >XL</a></span>
                        <span><a >XXL</a></span>
                        <span><a >XXXL</a></span>
                        <span><a >加大XXXL</a></span>
                        <span><a >均码</a></span>
                    </dd>
                </dl>

                <dl>
                    <dt>品牌：</dt>
                    <dd>
                        <span><a >彪马</a></span>
                        <span><a >安踏</a></span>
                        <span><a >阿迪达斯</a></span>
                        <span><a >李宁</a></span>
                        <span><a >匡威</a></span>
                        <span><a >耐克</a></span>
                        <span><a >卡帕</a></span>
                        <span><a >鸿星尔克</a></span>
                        <span><a >沃特</a></span>
                        <span><a >垃圾</a></span>
                    </dd>
                </dl>

                <dl>
                    <dt>款式：</dt>
                    <dd>
                        <span><a >长袖</a></span>
                        <span><a >短袖</a></span>
                        <span><a >无袖</a></span>
                        <span><a >两件套</a></span>
                        <span><a >宽松</a></span>

                    </dd>
                </dl>

                <dl>
                    <dt>材质：</dt>
                    <dd>
                        <span><a >纯棉</a></span>
                        <span><a >真丝</a></span>
                        <span><a >聚酯</a></span>
                        <span><a >棉+氨纶</a></span>
                        <span><a >卡莱</a></span>
                        <span><a >人造棉</a></span>
                        <span><a >其它</a></span>
                    </dd>
                </dl>


            </div>
            <div class="bottom"></div>
        </div>
        <!-- 条件筛选框 -->

        <!-- 显示菜单 -->
        <div class="sort-bar">
            <div class="bar-l">
                <!-- 查看方式S -->
                <div class="switch"><span class="selected"><a title="以方格显示" ecvalue="squares" nc_type="display_mode" class="pm" href="javascript:void(0)">大图</a></span><span style="border-left:none;"><a title="以列表显示" ecvalue="list" nc_type="display_mode" class="lm" href="javascript:void(0)">列表</a></span></div>
                <!-- 查看方式E -->
                <!-- 排序方式S -->
                <ul class="array">
                    <li class="selected"><a title="默认排序" onclick="javascript:dropParam(['key','order'],'','array');" class="nobg" href="javascript:void(0)">默认</a></li>
                    <li><a title="点击按销量从高到低排序" onclick="javascript:replaceParam(['key','order'],['sales','desc'],'array');" href="javascript:void(0)">销量</a></li>
                    <li><a title="点击按人气从高到低排序" onclick="javascript:replaceParam(['key','order'],['click','desc'],'array');" href="javascript:void(0)">人气</a></li>
                    <li><a title="点击按信用从高到低排序" onclick="javascript:replaceParam(['key','order'],['credit','desc'],'array');" href="javascript:void(0)">信用</a></li>
                    <li><a title="点击按价格从高到低排序" onclick="javascript:replaceParam(['key','order'],['price','desc'],'array');" href="javascript:void(0)">价格</a></li>
                </ul>
                <!-- 排序方式E -->
                <!-- 价格段S -->
                <div class="prices"> <em>¥</em>
                    <input type="text" value="" class="w30">
                    <em>-</em>
                    <input type="text" value="" class="w30">
                    <input type="submit" value="确认" id="search_by_price">
                </div>
                <!-- 价格段E -->
            </div>
        </div>
        <div class="clear"></div>
        <!-- 显示菜单 End -->

        <!-- 商品列表 -->
        <div class="shop_bd_list_content clearfix">
            <ul>
                <li th:each="goods : ${goodList}">
                    <dl>
                        <dt>
                            <a th:href="|http://localhost:16666/html/${goods.id}.html|">
                                <img th:src="${goods.fengmian}" />
                            </a>
                        </dt>
                        <dd class="title"><a th:utext="${goods.subject}" ></a></dd>
                        <dd class="content">
                            <span class="goods_jiage" th:text="${#numbers.formatCurrency(goods.price)}" ></span>
                            <span class="goods_chengjiao" th:text="|剩余库存${goods.save}|" ></span>
                        </dd>
                    </dl>
                </li>

            </ul>
        </div>
        <input id="page_start" type="hidden" th:value= "${page.start}">
        <input id="keyword" type="hidden" th:value="${keyword}">
        <input id="page_rows" type="hidden" th:value="${page.rows}">
        <div class="clear"></div>
        <div class="pagination">
            <ul><li><span>首页</span></li>
                <li><span>上一页</span></li>
                <li><span class="currentpage">1</span></li>
                <li><span>下一页</span></li>
                <li><span>末页</span></li>
                <li><a  >下一页</a></li>
            </ul>
            <input type="button" onclick="nextPage()" value="下一页">
        </div>
        <!-- 商品列表 End -->


    </div>
</div>
<script>
    function nextPage() {
        var keyword = $("#keyword").val();
        var rows = parseInt($("#page_rows").val());
        var start =parseInt($("#page_start").val() )+rows ;
        alert(rows)
        alert( start);
        $.ajax({
            type: "get",
            url: "http://localhost:16666/search/keyword",
            data: {"keyword": keyword,"start":1,"rows":rows},
            success: function (data) {
                location.reload();
            }
        })
    }
</script>
<!-- List Body End -->

<!-- Footer - wll - 2013/3/24 -->
<div class="clear"></div>
<div class="shop_footer">
    <div class="shop_footer_link">
        <p>
            <a >首页</a>|
            <a >招聘英才</a>|
            <a >广告合作</a>|
            <a >关于ShopCZ</a>|
            <a >关于我们</a>
        </p>
    </div>
    <div class="shop_footer_copy">
        <p>Copyright 2004-2013 itcast Inc.,All rights reserved.</p>
    </div>
</div>
<!-- Footer End -->

</body>
</html>